<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>药植物博客</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!--        <link rel = "stylesheet" href="../../static/CSS/min.CSS">-->
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
</head>

<body>
<div class="row">
  <div class="col-sm-9 col-md-push-3">
        <h1>SWUN药用植物分布可视化
        <small>—— by aht</small>
    </h1>
     <section>
     <ul class="nav nav-pills">
      <li role="presentation" class="active"><a href="#">首页</a></li>
      <li role="presentation"><a href="http://127.0.0.1:8000/blog/list">详情</a></li>
      <li role="presentation"><a href="http://127.0.0.1:8000/map/index">展示</a></li>
      <li role="presentation"><a href="http://localhost:8999/#/screen">数据大屏</a></li>
      <li role="presentation"><a href="http://127.0.0.1:8000/message_form/">采集提交</a></li>
    </ul>
    </section>
    <div class="row">
      <div class="col-xs-4 col-sm-6">

<!--    <div class="row">-->
        {% for collect in collect_list %}
<!--      <div class="col-xs-4 col-md-push-3">-->
        <div class="thumbnail">
          <img src="{{ MEDIA_URL }}{{ collect.photo }}" alt="Angry" height="150px" width="300px" >
          <div class="caption">
            <h3>{{collect.name}}</h3>
            <p>{{collect.type}}</p>
            <p><a href="/blog/detail/{{collect.id}}" class="btn btn-primary" role="button">查看</a>
<!--                <a href="#" class="btn btn-default" role="button">{{collect.name}}</a>-->
            </p>
          </div>
        </div>
<!--      </div>-->
            {% endfor %}
<!--    </div>-->

      </div>
      <div class="col-xs-4 col-sm-6">
          <h2>最新文章</h2>
           {% for collect in top5_collect_list %}
           <h4><a href="/blog/detail/{{collect.id}}">{{collect.name}}</a></h4>
           {%endfor%}
      </div>
    </div>
  </div>
</div>

</body>
</html>
{% endblock %}